var comments;
var comments=[
  {'address':'广东省云浮市网友' ,'time':'2021-02-22','text':'这是一款实用性非常强的优质游戏软件，强烈安利大家来玩'},
  {'address':'安徽省合肥市网友' ,'time':'2021-02-22','text':'玩了一会儿，感觉没啥特别大的亮点。'},
  {'address':'浙江省温州市网友' ,'time':'2021-05-21','text':'我是真的看不懂。'},
];
$(function(){
    // $.ajax({
    //     url: '/api/getmessage',
    //     data: {softid: softId},
    //     type: 'get',
    //     async: false,
    //     datatype: 'json',
    //     success: function(res){
    //         eval('var res = '+res);
    //         if ( res.code == 1 )
    //             comments = res.list;
    //         else
    //             comments = [];
    //     },
    // })

    commentshtml()
})

function commentshtml(){
  var html=''
     html+='<div class="commentstitle"><div class="bt"><i>c</i> 网友评论</div></div>';
     html+='<div class="coment_textarea">';
     html+='<div class="textareapost">';
     html+='<textarea name=""placeholder="请输入评论的内容"></textarea>';
     html+='</div>';
     html+='<div class="post_box"> <div class="postbtn" onclick="openpost()">发表评论</div> </div>';
     html+='<div class="listbt"><div class="bt">最新评论</div>  <div class="more">共有<i>'+(comments.length)+'</i>条评论</div> </div>';
     html+='<div class="comments-lis">';
  for(var i=0;i<=comments.length-1; i++){
    html+='<div class="list clear">';
    html+='<div class="list-p">';
    html+='<div class="cot-w fl">';
    html+='<div class="p-top"><div class="dz">'+comments[i].address+'</div><span class="time">'+comments[i].time+'</span></div>';
    html+='<div class="text-p"><p>'+comments[i].text+'</p></div>';
    html+='</div>';
    html+='<div class="fr ritbox"><div class="btnbox">';
    html+='<div class="zan"></div>';
    html+='<div class="playbtn" onclick="reply(this)">回复</div>';
    html+='</div></div>';
    html+='</div>';
    html+='</div>';
  }
  html+='</div>';
  html+='</div>';
  $(".comments-warp").append(html);
}
// commentshtml()

function zan(obj){
  if($(obj).hasClass("on")){
      alert("请勿重复操作")
  }else{
    $(obj).addClass("on");
    var text= $(obj).find("span").text();
    $(obj).find("span").text(Number(text)+1);
  }
  
}

function openpost(){
   var val=$(".comments-warp .coment_textarea textarea").val();
   if(val==''){
    alert("请输入评论的内容")
   }else{
    alert("发表成功等待审核") 
   }
}

function reply(obj){
   var top=$(".comments-warp").offset().top;
   $(".comments-warp .coment_textarea textarea").focus()
   $('html, body').animate({scrollTop: top}, 300);

}

// 获取焦点
$(".comments-warp .coment_textarea textarea").focus(function(){
  $(".comments-warp .coment_textarea .textareapost").css("border-color","#ff9601");
})

// 失去焦点
$(".comments-warp .coment_textarea textarea").blur(function(){
  $(".comments-warp .coment_textarea .textareapost").css("border-color","#ccc");
});
